How to troubleshoot rendering differences between Chrome/IE and Firefox? [on hold]

Posted by user32548 on Pro Webmasters See other posts from Pro Webmasters or by user32548
Published on 2013-11-05T20:09:08Z Indexed on 2013/11/05 22:13 UTC
Read the original article Hit count: 189

Filed under:

cross-browser

|

layout

I have a personal website and just realized that the display is very different between Firefox (tested 19.0.2 and 25) and Chrome 30.0.1599.101 m

Firefox display (this is how I intended it to look.

Firefox display

In Chrome & IE9.0 the DIVs all seem to stagger on their own..... ?

Chrome display

Im just an amateur and this is my personal blog for fun, Ive never had to troubleshoot a rendering issue like this one. Not sure how to go about doing it? Can Firebug help with determining where layout is inherited from?

I have sample HTML if needed but didn't want to cloud up the questions a wall of text.

© Pro Webmasters or respective owner

Related posts about cross-browser

Is there any guidelines to convert Table design to Div design keeping same cross browser compatible

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there any guidelines to convert Table design to Div design keeping same cross browser compatible layout? >>> More
Crossbrowser JS...

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi there all :) Made this nice little loop for hiding and showing div's, works as a charm in firefox and opera, but IE, safari and chrome say's no.... So my question is; why? function theme(nr){ document.getElementById(nr).style.display = "block"; for (i = 0;i <= 28; i++) { if (i != nr)… >>> More
which is the best among jquery,moo tool and yui?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi Hi among the jquery ,mootool ,yui and glow have crossbrowser compatiblity >>> More
css: Cross-browser, reflowing, top-to-bottom, multi-column lists

as seen on Stack Overflow - Search for 'Stack Overflow'
See http://cssfingerprint.com/about#stats. See also http://stackoverflow.com/questions/933645/multi-column-css-lists. I want a multi-column list that: uses no JS reflows on window size makes as many columns as fit the enclosing element therefore, does not require batching the list into manual… >>> More
cross-browser text shadow..

as seen on Stack Overflow - Search for 'Stack Overflow'
How to get cross-browser text shadow? including IE6, 7, 8. is there any css or js solution? I want to get text-shadow with semantic and valid markup. >>> More

Related posts about layout

GWT layout panels vs. CSS layout

as seen on Stack Overflow - Search for 'Stack Overflow'
I read an article entitled "Tags First GWT", in which the writer suggests using GWT for event-handling, and CSS for layout. I just don't know whether the benefit of GWT's cross-browser compatibility goodness outweighs the flexibility offered by pure CSS layout. GWT GWT 2.0 has some snazzy layout… >>> More
MVC 2 View Layout CSS Control Layout

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm new to a lot of what I'm trying to do with the development of a new MVC2 web application so this is a beginner question. I need to understand my options for control and content layout on a web page. I’m using MVC2 so I’m using Controllers, Views, ViewModels, and View Templates. What I need to… >>> More
Adding to LinearLayout another Layout and handle this Layout in separate Activity

as seen on Stack Overflow - Search for 'Stack Overflow'
I have an Activity which uses a layout with a LinearLayout in it. Now I want to create in runtime a subactivity which loads some other layout and add this layout as item of my LinearLatout. How to do this? Please provide me with code example. >>> More
Creating Rich Interactions Using Blend 4: Transition Effects, Fluid Layout and Layout States (Silver

as seen on Dot net Slackers - Search for 'Dot net Slackers'
In this episode, Kenny Young of the Expression Blend team demonstrates how to make some compelling interactions using Expression Blend 4 for Silverlight 4. He demonstrates some great examples using the FluidMoveBehavior, FluidLayout, LayoutStates, Transition Effects, and sample data. Kenny then dives… >>> More
Metro: Introduction to CSS 3 Grid Layout

as seen on Stephen Walter - Search for 'Stephen Walter'
The purpose of this blog post is to provide you with a quick introduction to the new W3C CSS 3 Grid Layout standard. You can use CSS Grid Layout in Metro style applications written with JavaScript to lay out the content of an HTML page. CSS Grid Layout provides you with all of the benefits of using… >>> More